<script setup lang="ts">
import headers from "@/components/common/headers.vue";
import footers from "@/components/common/footers.vue";

let list = [
  {
    title: "1、我可以投诉哪些企业？",
    content:
      "本平台受理民营企业、个体工商户的投诉，您可以通过首页的“我要投诉”板块，填写相关信息发起投诉。",
  },
  {
    title: "2、投诉其他企业会处理吗？",
    content: "本平台目前仅受理民营企业、个体工商户对各企业部门的投诉。",
  },
  {
    title: "3、我可以投诉哪些问题？",
    content:
      "目前本平台主要接收民营企业、个体工商户相关问题的投诉，包括个人信息保护、服务功能、企业投诉机制三类，每一类问题包含若干子类，详情查看《投诉须知》",
  },
  {
    title: "4、投诉其他问题会处理吗？",
    content:
      "涉及网络交易纠纷、网购假冒伪劣产品、虚假广告、欺诈性商业行为、金融产品和服务的财产安全、版权等问题的投诉，请您向12315、12318、12363等其他平台投诉。",
  },
  {
    title: "5、如何发起投诉？",
    content:
      "您可以在首页点击“注册”成为注册用户后，点击首页“我要投诉”发起投诉。使用注册账号登录，您可以看到该账号下的所有投诉内容，方便跟踪、查询投诉进展情况。",
  },
  {
    title: "6、收不到手机验证码怎么办？",
    content:
      "如果收不到手机验证码，请尝试更换浏览器或稍后再试，检查手机是否设置了短信黑名单或第三方软件拦截了短信。",
  },
  {
    title: "7、投诉之后，多少时间能够收到回复？",
    content:
      "对事实清楚，情节简单，且涉及到行政机关的投诉事项，由投诉中心转交相关部门在7个工作日内办理完毕。对须转交有关行政机关进一步调查、研究、处理的投诉事项，由投诉中心3个工作日内提出意见移交有关行政机关处理，承办行政机关应在20个工作日内办理完毕。",
  },
  {
    title: "8、我如何知道投诉的处理进度及结果？",
    content:
      "投诉中心工作人员在投诉处理过程中会联系您，您可以直接与工作人员进行沟通、协商。工作人员处理结束后，也会将投诉处理结果反馈在投诉平台上，您可以登录投诉平台查看投诉处理进度及结果。",
  },
  {
    title: "9、对投诉处理结果不满意怎么办？",
    content:
      "如果您对企业的投诉处理结果不满意，并提出了较充分的证据和理由的，由投诉中心责成有关行政机关重新调查处理或解释说明，也可以选择其他途径维护自身合法权益。",
  },
  {
    title: "10、如何注销账户？",
    content:
      "只有注册用户才需要注销账号，您可在登录页面点击“注销”，再次确认后即可注销账户。",
  },
];
</script>

<template>
  <div class="help">
    <headers nexts="帮助中心" />
    <div class="mains">
      <h1>帮助中心</h1>
      <template v-for="(v, k) of list" :key="k">
        <p class="title">{{ v.title }}</p>
        <p class="content">{{ v.content }}</p>
      </template>
    </div>
    <footers />
  </div>
</template>

<style scoped lang="scss">
.help {
  padding-top: 45px;
  // 背景图片
  background: #f1f2f3 url("@/assets/my/bg.webp") no-repeat fixed center top;
  background-size: 100% 380px;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0px;
}

.mains {
  width: 1000px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin-bottom: 38px;
  display: flex;
  flex-direction: column;
  padding: 48px 40px 74px;
  color: #333333;
}

h1 {
  height: 45px;
  line-height: 45px;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 26px;
}

.title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px;
}

.content {
  font-size: 14px;
  color: #606266;
  margin-top: 10px;
  padding-left: 1.8rem;
  line-height: 20px;
}
</style>
